<template>
  <div class="view-video-container">
    <video :src="$router.currentRoute.query.url" controls="controls" autoplay="autoplay" />
  </div>
</template>

<style lang="scss" scoped>
.view-video-container {
  width: 100%;
  min-height: calc(100vh);
  background-color: #000 !important;
  video {
    width: 100%;
    position: fixed !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
</style>
